<template>
  <div class="father">
    <scrollView>
      <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal">
        <el-menu-item index="1">处理中心</el-menu-item>
        <el-menu-item index="2">处理中心</el-menu-item>
        <el-menu-item index="3">处理中心</el-menu-item>
        <el-menu-item index="4">处理中心</el-menu-item>
        <el-menu-item index="5">处理中心</el-menu-item>
        <el-menu-item index="6">处理中心</el-menu-item>
        <el-menu-item index="7">处理中心</el-menu-item>
        <el-menu-item index="8">处理中心</el-menu-item>
        <el-menu-item index="9">处理中心</el-menu-item>
        <el-menu-item index="10">处理中心</el-menu-item>
        <el-menu-item index="11">处理中心</el-menu-item>
        <el-menu-item index="12">处理中心</el-menu-item>
        <el-menu-item index="13">处理中心</el-menu-item>
        <el-menu-item index="223">处理中心</el-menu-item>
        <el-menu-item index="3213">处理中心</el-menu-item>
        <el-menu-item index="42312">处理中心</el-menu-item>
        <el-menu-item index="531231">处理中心</el-menu-item>
        <el-menu-item index="6414">处理中心</el-menu-item>
        <el-menu-item index="7235">处理中心</el-menu-item>
        <el-menu-item index="823523">处理中心</el-menu-item>
        <el-menu-item index="934">处理中心</el-menu-item>
        <el-menu-item index="105345">处理中心</el-menu-item>
        <el-menu-item index="13453">处理中心</el-menu-item>
        <el-menu-item index="1245">处理中心</el-menu-item>
      </el-menu>
    </scrollView>

    <czh />
  </div>
</template>

<script>
import scrollView from './scrollView.vue';
import czh from './czh.vue';
export default {
  name: '',
  components: { scrollView, czh },
  props: {},
  data() {
    return { activeIndex: '1' };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style scoped lang="less">
.father {
  width: 400px;
}
</style>
